/***************************************
  vRipple
 ***************************************/


v-ripple {
  position: absolute;
  display: inline-block;
  background: $v-ripple-color;
  border-radius: 100%;
  transform: scale(0.2);
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  animation: v-ripple-enter $v-ripple-effect-duration ease-out;
}

 
@keyframes v-ripple-enter {
  0% {
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

